<template>
	<view class="category-components-wrapper">
		<view class="category-item-list">
			<view class="category-item-title fz26 color999">
				水溶
			</view>
			<view class="category-item-content flex-c-c">
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				
			</view>
		</view>
		<view class="category-item-list">
			<view class="category-item-title fz26 color999">
				热感
			</view>
			<view class="category-item-content flex-c-c">
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				
			</view>
		</view>
		
		<view class="category-item-list">
			<view class="category-item-title fz26 color999">
				冰感
			</view>
			<view class="category-item-content flex-c-c">
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				<view class="category-item-level-two">
					<image class="level-two-img" src="/static/categoryImg/img1/rtrh.jpg" mode=""></image>
					<view class="category-title fz26 flex-c-c">
						人体润滑
					</view>
				</view>
				
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
.category-components-wrapper{
	.category-item-list{
		margin-bottom: 40rpx;
		.category-item-title{
			margin-bottom: 24rpx;
		}
		.level-two-img{
			width: 116rpx;
			height: 116rpx; 
			border-radius: 16rpx;
		}
		.category-item-level-two{
			margin-right: 54rpx;
		}
	}
}
</style>